<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/l06.css">
	</head>
	<body>
		<div id="box1">
			<div id="box2">
				内部元素
			</div>
		</div>
		
		<nav id="nav">
			<ul>
				<li><a>音乐</a></li>
				<li><a>影视</a></li>
				<li><a>旅游</a></li>
				<li><a>游戏</a></li>
			</ul>
		</nav>
		
		<div id="box3">
			<div id="box4">
				图片
			</div>
			<div id="box5">
				文本段落
			</div>
		</div>
		
		<div id="box6">
			<div id="box7">销量榜</div>
			<div id="box8">品牌榜</div>
			<div id="box9">广告1</div>
			<div id="box10">广告2</div>
		</div>
		
		<div class="box static">
			静态定位
		</div>
		<div class="box relative">
			相对定位
		</div>
		<div class="box fixed">
			固定定位
		</div>
		<div class="container">
			<div class="absolute">
				绝对定位
			</div>
		</div>
	</body>
</html>